<template>
  <div>
    <h1>Home</h1>
    <div>
      <button>news</button>
      <button>music</button>
    </div>
  </div>
</template>

<script>
// 切换路由时，无缓存， 创建 =》挂载 =》卸载 =》创建 =》挂载
export default {
  name: "Home",
  beforeCreate() {
    console.log('---beforeCreate---')
  },
  created() {
    console.log('---created---')
  },
  beforeMount() {
    console.log('---beforeMount---')
  },
  mounted() {
    console.log('---mounted---')
  },
  beforeUpdate() {
    console.log('---beforeUpdate---')
  },
  updated() {
    console.log('---updated---')
  },
  beforeDestroy() {
    console.log('---beforeDestroy---')
  },
  destroyed() {
    console.log('---destroyed---')
  },
  
};
</script>

<style>
</style>